<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>超链接</title>
    </head>
    <body>
    <a href="p2.html">跳转至今日的第2个页面</a>
    <a href="p4.html">跳转至今日的第4个页面</a>
    <a href="https://www.baidu.com">跳转至百度</a>
    <a href="https://www.tmooc.cn">跳转至慕课</a>
    <a href="https://baike.baidu.com/link?url=O0zAvBpPMHJszniqW0qVwuqOgSae-0cICt7TPMVdYFgLvjqUCP8ntZsPfSAzD734KXyDZhX820ImGJvUcDrArG0dPRJ42bTHDjmxcoGXrcy">
        <img src="img/zhongchuhong.jpg" width="300px">
    </a>
    <a href="https://www.baidu.com" target="_blank">空白页打开</a>
    <a href="https://www.tmooc.cn" target="_self">刷新当前页打开</a>
    <a href="https://www.tmooc.cn" target="_parent">_parent试了是在当前页打开 但不知道什么意思</a>
    <a href="https://www.tmooc.cn" target="_top">_top试了是在当前页打开 但不知道什么意思</a>
    <hr>
    <!-- 锚点 定一个位置 -->
    <a href="#c1">跳转至第一章</a>
    <a href="#c2">跳转至第二章</a>
    <a href="#c3">跳转至第三章</a>
    <h3 id="c1">第一章 西西里的美丽传说</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid architecto asperiores aut cupiditate doloremque
        dolores eius illo in, nobis odit porro quisquam rerum sapiente sequi, similique sunt unde veritatis,
        voluptates!</p>
    <p>Ab amet, atque expedita fuga fugiat id labore nisi non praesentium similique sint soluta suscipit tenetur ut,
        vitae? Ab alias debitis delectus expedita iste magnam nostrum sapiente sequi veritatis voluptatum.</p>
    <p>In ipsam molestias quam saepe sequi sunt tempore vero. Asperiores assumenda autem cum dicta ea eius expedita in,
        nobis numquam officia optio provident quidem recusandae rem tenetur vel velit vero?</p>
    <p>Aliquam asperiores cum delectus dicta doloremque dolorum ea expedita facere in ipsam magnam minus mollitia
        nesciunt, obcaecati provident repudiandae sequi sit suscipit tempora vel! Corporis eum inventore laborum libero
        temporibus!</p>
    <p>A, ex, quaerat. Alias aliquid at ducimus eius eligendi eos, id iusto laborum, mollitia nisi perferendis porro
        quis quod sequi soluta, vero voluptatum? Ad aliquid at deserunt, quia quod ullam.</p>
    <p>Nesciunt, possimus, sit. A ab ad aperiam blanditiis commodi corporis excepturi explicabo ipsa ipsum laudantium
        magnam maiores minus nemo perferendis quibusdam recusandae rem, voluptates voluptatibus. Deleniti inventore
        itaque perferendis? Rerum.</p>
    <p>Aliquid animi atque autem consequuntur ducimus eligendi itaque necessitatibus nulla, pariatur quae quisquam quo
        quod reprehenderit sint tempore ut vel veniam voluptate! Et expedita fugiat nihil nobis voluptates? Quae,
        sint.</p>
    <p>Aliquid blanditiis corporis debitis dolorem dolores ea earum excepturi, iste iure labore molestias necessitatibus
        nesciunt non pariatur perferendis, quae qui quisquam reprehenderit saepe tempora tempore temporibus tenetur ut
        vitae voluptatum!</p>
    <p>Aliquid asperiores autem deleniti dolores ea earum, est expedita fugiat incidunt ipsam iure maxime nobis nostrum
        optio porro possimus praesentium, quis quisquam quo repellendus sint sunt vel veritatis vitae voluptatum.</p>
    <p>Ad cum dolorem eos excepturi exercitationem illum ipsam quas quidem! A eius eligendi error ex laborum, quam
        quibusdam reiciendis sunt unde velit! A adipisci ipsa pariatur quaerat quam quibusdam recusandae!</p>
    <p>Dignissimos dolorem fuga saepe voluptate! Facilis quisquam ratione rerum veritatis. Aperiam at atque deleniti
        doloremque eaque incidunt, laborum magni, minima molestiae necessitatibus, nobis nostrum quidem repudiandae
        saepe totam unde vitae.</p>
    <p>Commodi culpa mollitia perferendis sapiente voluptatum. Accusamus amet magni minima neque omnis! Aperiam
        asperiores atque blanditiis dignissimos esse est eveniet, harum, impedit nemo pariatur perferendis perspiciatis
        praesentium, reiciendis repudiandae vitae.</p>
    <p>Commodi corporis enim fuga, laboriosam magni minus quibusdam quis quisquam sequi veritatis. Adipisci at atque
        commodi deserunt dolore dolorem dolores fugiat, labore obcaecati similique? At ducimus facilis perferendis
        quaerat soluta.</p>
    <p>Adipisci aliquid animi at est et excepturi laboriosam necessitatibus perspiciatis quo, tempora. Ab alias cumque
        dicta inventore non temporibus voluptatum! Dicta ducimus incidunt ipsam iure repudiandae rerum sed tempora
        tempore.</p>
    <p>Amet atque commodi culpa cupiditate est, ex explicabo facilis harum illum laboriosam laudantium natus nihil
        numquam odio officiis praesentium provident, quibusdam quod rerum saepe soluta sunt tempora velit, vitae
        voluptas!</p>
    <p>Aliquam amet blanditiis commodi corporis cupiditate distinctio, dolor dolore dolores eos expedita nostrum optio
        pariatur porro quaerat, repellat sit vel! Excepturi hic minima quos? Ea excepturi facere labore laboriosam
        quibusdam.</p>
    <p>At, aut consequuntur dolores excepturi fugit incidunt laborum magnam molestias necessitatibus possimus quam, quas
        quos repellat sint veniam? Autem doloribus exercitationem fuga impedit labore magnam mollitia nemo quia sapiente
        suscipit?</p>
    <p>Maiores, neque, praesentium? In magnam minus omnis porro repudiandae? Animi at atque dolore ea eius expedita id
        impedit libero magnam magni omnis provident quibusdam recusandae, repellat repudiandae sit, temporibus
        veniam.</p>
    <p>Dolorem doloribus dolorum eius iure iusto quibusdam quisquam ratione tempore! Amet aut blanditiis commodi
        eligendi, error, et ipsum iusto libero necessitatibus nulla quia quibusdam, quo rem ut vel voluptate
        voluptatibus?</p>
    <p>Commodi culpa cupiditate delectus distinctio ea eligendi facere maiores, minima neque omnis perspiciatis quisquam
        quos reprehenderit veritatis voluptatem? Amet atque consequuntur deleniti, ea eos laborum natus necessitatibus
        ratione voluptate voluptatum?</p>
    <h3 id="c2">第二章 醉梦巴黎</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aut autem corporis culpa doloremque eaque
        exercitationem nisi nulla quaerat quasi quia, tempore tenetur vel veritatis, vero? Ipsa repellendus sunt
        totam?</p>
    <p>Molestias nesciunt odio provident quidem rem sunt tenetur. Animi atque cupiditate ducimus eos et facere fugit
        laborum necessitatibus nemo nobis, nostrum optio porro qui quos ratione reprehenderit suscipit ullam
        voluptate.</p>
    <p>Accusantium esse, exercitationem facere modi molestias officia possimus quisquam? Accusantium aperiam atque
        dolore eum, fugit incidunt, iusto natus nihil, non soluta tempore temporibus! Aspernatur minima quae quas quis
        quod totam.</p>
    <p>Animi beatae consequatur distinctio doloribus esse ex expedita fugit incidunt iusto, nisi nostrum, recusandae
        saepe tempora, tempore ut. Adipisci deleniti eius fugit illo molestias mollitia quaerat quas quo ratione,
        sed.</p>
    <p>Cupiditate dolore harum laboriosam magnam modi porro quae recusandae? Architecto consectetur dicta dolor, dolorum
        exercitationem fuga, hic illo, ipsa ipsum iste nam nisi possimus quam quas ratione sed sunt voluptatum.</p>
    <p>Consectetur dignissimos, distinctio dolorum eum impedit labore nam natus, nemo neque quisquam quod reprehenderit.
        Aliquam consectetur dicta dolore doloribus ducimus exercitationem facere molestiae, nulla omnis, repellat rerum
        sequi veniam veritatis.</p>
    <p>Cupiditate deserunt dolor eligendi facilis fuga fugit iste itaque labore necessitatibus possimus? Aliquid
        architecto asperiores aspernatur debitis ducimus hic ipsam maiores molestiae molestias, odio optio, provident
        quibusdam, sunt. Iusto, officia?</p>
    <p>Ab adipisci aliquid aperiam aspernatur beatae blanditiis consequatur corporis, deserunt distinctio doloremque ex
        explicabo in magni maiores nam odio porro quasi quis ratione repudiandae rerum saepe sequi sint tempore
        voluptatibus?</p>
    <p>Consequatur cupiditate dicta ipsam omnis quam quidem sint soluta! Accusantium ad eligendi ipsum libero natus
        tempora tempore. Aperiam corporis eum ipsam, magnam modi, molestiae obcaecati quidem ratione sequi similique
        soluta.</p>
    <p>Aspernatur consequatur consequuntur cupiditate debitis delectus doloribus earum eos et, eum excepturi
        exercitationem explicabo facere harum hic impedit libero mollitia neque non officiis possimus tenetur unde vel
        veniam vitae voluptatibus.</p>
    <p>Commodi modi quaerat sed vero. Architecto at aut, corporis, doloribus ducimus eveniet exercitationem expedita
        incidunt minus nobis qui quos rem sapiente sed sint sunt totam! Commodi consequuntur fugiat impedit
        repellat!</p>
    <p>A, accusantium animi at blanditiis distinctio dolore error esse est excepturi exercitationem illum impedit,
        laboriosam laudantium magni maiores nihil praesentium sunt unde! Ad corporis ducimus enim rerum sit tempore
        voluptatum.</p>
    <p>Ab aliquam architecto blanditiis commodi cum distinctio dolore eius error excepturi harum laborum magnam nemo,
        nesciunt optio praesentium provident quae quam repellat sed sequi sint tempora voluptas. Aut, cum,
        provident.</p>
    <p>Aperiam, aspernatur atque dolor doloremque ea excepturi laborum necessitatibus, neque nobis non nulla, numquam
        sapiente ut. Corporis debitis deserunt ipsam iure voluptate! Eum fugiat, ipsum iure maxime perspiciatis quos
        ullam!</p>
    <p>Ad adipisci, at beatae consequuntur doloremque dolorum error expedita facere inventore magni nostrum numquam
        officia officiis perferendis quasi quidem quo. Ab alias deleniti ea eum obcaecati quaerat ullam unde vitae!</p>
    <p>Alias amet doloremque enim illo illum modi mollitia odio officia repellendus ullam. Earum impedit nam natus quasi
        temporibus? Ab asperiores autem commodi deserunt eius enim eos eveniet impedit odit ratione!</p>
    <p>Accusamus aut beatae consectetur dignissimos eaque eius eos et expedita in iusto labore molestiae, odio officia
        omnis placeat quo quod recusandae repellendus repudiandae tempora tempore totam ullam, velit vero
        voluptatum?</p>
    <p>Magni nobis quae repudiandae suscipit totam? Ad assumenda at atque, autem blanditiis consectetur cumque deleniti
        dicta doloribus eligendi fugiat illo itaque libero modi nisi obcaecati qui quidem quod sapiente similique.</p>
    <p>Amet aspernatur, consequatur, deleniti est eveniet impedit, in molestiae optio quae quis sed veniam voluptate! Ad
        aliquid amet aspernatur beatae corporis debitis, eaque incidunt labore non numquam quibusdam, ratione
        veritatis.</p>
    <p>Accusamus alias aspernatur consectetur, consequatur corporis deleniti dolor, error hic modi quasi, suscipit totam
        ut voluptates! Doloremque id illo quasi reprehenderit. Alias aliquid at eius iste nemo nesciunt odit omnis!</p>
    <h3 id="c3">第三章 你不知道的世界</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab beatae blanditiis commodi culpa, cupiditate, illum
        ipsum labore laborum libero neque omnis perspiciatis porro praesentium qui ratione repellat ullam ut
        veritatis!</p>
    <p>Ab aliquam atque et iste labore laudantium nihil praesentium quis quo sapiente! Aperiam at atque blanditiis
        corporis, debitis, delectus dolorem esse explicabo quo sapiente, vel voluptatibus. Dolore eius molestias
        officiis.</p>
    <p>Alias amet dicta est et facere harum id incidunt molestias neque ratione reiciendis similique, suscipit, unde ut
        veniam? Dolores dolorum enim et, excepturi expedita facere minus nobis omnis repellendus rerum.</p>
    <p>Aliquam aliquid delectus distinctio dolor enim esse eum eveniet harum labore magnam natus neque numquam omnis
        porro, similique, soluta temporibus tenetur unde vel veritatis! Accusantium alias blanditiis consectetur
        corporis nobis!</p>
    <p>Deleniti iusto mollitia non nulla quas soluta vero voluptatibus! Ab accusamus aliquid praesentium temporibus.
        Cupiditate dignissimos dolor dolore error esse ex laborum modi, nesciunt nostrum quae quidem, ratione, velit
        veniam.</p>
    <p>Aut dolorum, eligendi fugiat maxime minima minus molestiae sed? Corporis deserunt doloribus impedit natus.
        Consequatur corporis deserunt, dignissimos dolore error esse eum eveniet hic officiis repudiandae sapiente
        suscipit, unde voluptatibus!</p>
    <p>Ab magnam modi nulla quaerat quod ut voluptates voluptatibus. Amet, aut dolorum eaque iure magnam necessitatibus
        nobis, non nulla officiis quam quibusdam quis repudiandae sunt. Ducimus nobis non rerum totam!</p>
    <p>Accusantium alias aspernatur ea impedit laboriosam modi nobis odit perspiciatis quisquam voluptate. Aliquam
        aliquid amet architecto aut consequuntur impedit maxime quisquam quod, rem unde. Consequuntur delectus hic
        pariatur sapiente voluptate!</p>
    <p>Beatae dolores eius tenetur voluptatum. Accusantium asperiores cum dicta earum explicabo facere minima possimus
        quos, reprehenderit temporibus vero voluptates. Assumenda blanditiis eos facere facilis labore nostrum porro,
        quidem reprehenderit rerum.</p>
    <p>Animi aspernatur assumenda aut consequatur corporis cupiditate dolores earum incidunt iure, iusto laboriosam
        laborum nihil nulla pariatur porro quasi quisquam quo rem repudiandae rerum sed sit suscipit voluptas
        voluptatibus voluptatum.</p>
    <p>Accusantium at, consectetur debitis harum illum ipsum modi nulla quae. A, ab assumenda autem consectetur,
        corporis ducimus error ex facere molestias nihil obcaecati placeat quam quidem reiciendis, sed suscipit
        ullam?</p>
    <p>Aliquid atque dicta doloremque, dolores doloribus eaque hic ipsum itaque iure magnam minima natus nulla numquam
        quam repudiandae ullam velit. Ad aliquid dolorem numquam quos sit. Deleniti, nesciunt odit? Ex!</p>
    <p>A architecto, asperiores cupiditate doloremque eaque est facere fugit id illo impedit ipsa ipsum iusto libero
        minus molestiae neque nobis perspiciatis quaerat quas sapiente sint suscipit tempore temporibus velit
        veritatis!</p>
    <p>Architecto corporis dolorem ea iste molestias perferendis repellat sint, veritatis. At deleniti dicta dolore
        esse, fugit ipsa iste minima molestiae odit officiis pariatur quasi ratione veritatis vitae voluptate voluptatem
        voluptates.</p>
    <p>Alias deserunt esse eveniet illum iste minima, omnis possimus quo rem voluptatibus! Accusamus, accusantium
        adipisci alias aspernatur debitis distinctio dolorem dolorum, ducimus enim incidunt maxime, nostrum pariatur
        recusandae vitae voluptas.</p>
    <p>Atque deserunt dicta dolor doloribus eaque eius eligendi error ex facere, iste itaque maxime nemo nobis quibusdam
        repudiandae saepe sapiente? Fugiat officia sit soluta voluptates. Consequuntur excepturi harum ratione sit.</p>
    <p>Atque beatae consectetur cumque deleniti, dignissimos dolores eaque earum excepturi fugit incidunt laborum maxime
        molestias nemo obcaecati officiis, porro quam quas qui quia quidem temporibus tenetur vitae? Dolorum, ducimus,
        maxime.</p>
    <p>Animi asperiores commodi corporis cum, deleniti dolor eaque expedita, facere fuga, laboriosam maxime placeat
        ratione rem repellat repudiandae sapiente voluptatibus? Autem cupiditate deleniti impedit magni mollitia porro
        quasi quia voluptas.</p>
    <p>Alias fugit inventore iusto odio quis repellendus sequi tempore temporibus voluptas. Beatae cupiditate delectus
        exercitationem facere facilis impedit nemo, officia optio ullam. Dolor eaque in modi quae quis soluta,
        voluptas!</p>
    <p>Accusantium architecto consequuntur cum delectus doloremque error et explicabo facere hic illo inventore, iste
        laboriosam minima nemo nesciunt pariatur perferendis perspiciatis, qui quibusdam, quidem quis sapiente sed vero
        voluptate voluptatem!</p>
    <a href="#">跳转至顶部</a>





    </body>
</html>